﻿<html>
<head>
    <title>FreeRemote - Freebok Revolution Emulator</title>
    <script src="/scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            setInterval(refresh, 1000);
            //refresh();
        });


        function refresh() {
            $.getJSON('FreeRemoteControl.ashx?action=get', function (data) {

                var result = $("#result");

                for (var i = 0; i < data.commands.length; i++) {
                    var command = data.commands[i];
                    result.append(command.date + "   |   " + command.ip + "   |   " + command.key + "<br />");
                }
            });
        }
    </script>
    <style>
        .television
        {
            width: 1016px;
            height: 717px;
            background: url('television.jpg');
            font-family: Arial;
            color: White;
            position: relative;
            margin:auto;
        }
        
        #result
        {
            position: absolute;
            width: 904px;
            height: 498px;
            top: 45px;
            left: 57px;
            overflow-y: scroll;
        }
        
        h1
        {
        	font-family:Arial;
        	margin:auto;
        	margin-bottom:20px;
        	width:500px;
        }
    </style>
</head>
<body>
    <h1>
        Freebox Revolution Emulator
    </h1>
    <div class="television">
        <div id="result">
        
        </div>
    </div>
</body>
</html>
